<template>

    <div class="san">
        <div class="fl">
                <div class="zb-fl">
                    相关度
                </div>

                <div class="zb-fl">
                    最多声音
                </div>

                <div class="zb-fl">
                    最多粉丝
                </div>
        </div>
    </div>
    
    <contentList :list = "userViews" :isShow="2"></contentList>
</template>

<script setup lang="ts">
import contentList from '@/components/contentList/index.vue'

const userViews= ref()

import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router';
const route = useRoute()
import reqApi from '@/api/search/index'

const dd = async (shuru: any) => {
    console.log('222')
    let result = await reqApi.reqTagList4(shuru, 'all', 1, 5)
    console.log('dd', result.data);
    // SearchStore.data = result.data
    console.log('SearchStore-qb', result.data)

    userViews.value = result.data.userViews.users
    // category.value = result.category
}

onMounted(() => {
    dd(route.query.name)
})

</script>

<style scoped lang="scss">
.san {
    padding-left: 35px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    padding: 10px ;
  .fl { 
     width: 80%;
    display: flex;
    justify-content: space-between;
    margin-left: 35px;
    
    .zb-fl:nth-of-type(2) {
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        padding: 0 20px;
    }
}  
}

</style>